<template>
  <div>
    <div>
      <!-- .number修饰符把值parseFloat转数值在赋予给v-model对应的变量（如果是文字则不转换，数字才转换） -->
      <span>年龄:</span>
      <input type="text" v-model.number="X">
    </div>
    <div>
      <!-- .taim修饰符去除首尾两边空格,中间不会去除 -->
      <span>格言:</span>
      <input type="text" v-model.trim="Y">
    </div>
    <div>
      <!-- .lazy修饰符 失去焦点内容改变时（触发内部onchange事件），把内容同步给v-model的变量 -->
      <span>个人</span>
      <textarea  v-model.lazy="Z"></textarea>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      X:'',
      Y:'',
      Z:'',
    }
  }

}
</script>

<style>

</style>